<template>
  <div class="main" :style="{ background: base.background }">
    <div
      id="stage"
      :style="{
        transform: transform,
        width: `${base.width}px`,
        height: `${base.height}px`,
      }"
    ></div>
  </div>
</template>

<script setup>
import config from './config';
import initData from '@/common/initData.js';
const { base, transform } = initData(config);
</script>

<style scoped>
.main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  transform-origin: 0 0;
}
</style>
